<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>扫一扫</title>
<script type="text/javascript"
	src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script type="text/javascript">
	wx.config({
		debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		appId : '${appId}', // 必填，公众号的唯一标识
		timestamp : '${timestamp}', // 必填，生成签名的时间戳(是否需要引号？)
		nonceStr : '${nonceStr}', // 必填，生成签名的随机串
		signature : '${signature}',// 必填，签名，见附录1
		jsApiList : [ 'scanQRCode' ]
	// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
	});

	wx.ready(function() {

		// config信息验证后会执行ready方法，
		//所有接口调用都必须在config接口获得结果之后，
		//config是一个客户端的异步操作，
		//所以如果需要在页面加载时就调用相关接口，
		//则须把相关接口放在ready函数中调用来确保正确执行。
		//对于用户触发时才调用的接口，则可以直接调用，
		//不需要放在ready函数中。
	});

	wx.error(function(res) {
		alertMessage(res.errMsg);
		// config信息验证失败会执行error函数，如签名过期导致验证失败，
		//具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

	});

	//点击扫描按钮，扫描二维码并返回结果
	function scan() {

		wx.scanQRCode({
			needResult : 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
			scanType : [ "qrCode", "barCode" ], // 可以指定扫二维码还是一维码，默认二者都有
			success : function(res) {

				alert(res.resultStr);
				document.getElementById("test").value = "res:" + res
						+ "; res.resultStr:" + res.resultStr;

			}
		});
	};
</script>

</head>
<body>
	<div align="center">
		<br> <br> <br>
		<h2>
			<input type="button" value="扫一扫" onclick="javascript:scan()" />
		</h2>

		<input type="text" id="test" value="" style="width: 50%" /> <br>
		<br>
		<div>${errorMSG }</div>
	</div>
</body>
</html>